<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //前置递增运算符
        var a = 10
        ++a // 11  a=11
        var b = ++a + 2 //先加1 后返回值 就是a = 11+1=12  那么++a（返回值）=12
        console.log(b);//12+2 就是14

        //后置递增运算符
        var c = 10
        c++  //这里就是先和前置递增一样 单独用就是c=c+1 等于11 c++=11 c =11
        var d = c++ + 2  // c++=11 c=12
        console.log(d); //13 11+2(c++ + 2)

        //混合
        var e = 10
        var f = e++ + ++e  //e++ 后置 先返回值再加1 那么e++=10 e=11 
        //代码从左往右执行 那么这里的 e=11 
        //++e 前置 先加1后返回值  ++e=12 e=12
        console.log(f);//22
        //后置自增 先表达式（++x）返回原值  后面变量（x）再自加1
    </script>
</head>

<body>

</body>

</html>